body {
	font-size:12px;
}

.container{
	//width:90%;
	//height:600px;
	//border: 1px solid black;
	position:absolute;
}

.title{
	width: 500px;
	height: 100px;
}

.odontograma{
	width:500px;
	height:600px;
	border: 1px solid black;
	float:left;
	position:relative;
	
}

.acciones{
	width: 250px;
	height: 600px;
	border: 1px solid black;
	position: absolute;
	margin-left: 504px;
}

.informacion{
	width:754px;
	height:92;
	border: 1px solid black	;
	float:left;
	position:relative;
	margin-top:15px;
	overflow: scroll;
}

.teeth_container{
	width:15px;
	height:15px;
	position:absolute;
	//margin-left:25px;
	float:left;
}

.teeth_container#d15{
	margin-left:100px;
}

.teeth{
	width:15px;
	height:15px;
	border: 1px solid black;
	position:absolute;
	float:left;
	font-size:11px;
}

.tval{
	position:relative;
	margin-top:20px;
	margin-left:2px;
	/* All browsers except webkit*/
	transform: scale(1.5);
	/* Webkit browsers*/
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	
	
}

.fila_dental1{
	position:relative;
	float:left;
	margin-top:25px;
	width:100%;
	height:65px;
}

.fila_dental2{
	position:relative;
	float:left;
	margin-top:25px;
	width:100%;
	height:65px;
	margin-left:78px;
}

.fila_dental3{
	position:relative;
	float:left;
	margin-top:25px;
	width:100%;
	height:65px;
	margin-left:78px;
}

.fila_dental4{
	position:relative;
	float:left;
	margin-top:25px;
	width:100%;
	height:65px;
	
}

.t_section1{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid white;
	margin-top:8px;
}

.t_section2{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid white;
}

.t_section3{
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid white;
}

.t_section4{
	position:relative;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:6px solid white; 
	float:right;
}

.t_section5{
	position:absolute;
	margin-left:3px;
	margin-top:3px;
	width:7px;
	height:7px;
	border: 1px solid black;
	background-color:white;
}

.t_section1_red{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid red;
	margin-top:8px;
}

.t_section2_red{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid red;
}

.t_section3_red{
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid red;
}

.t_section4_red{
	position:relative;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:6px solid red; 
	float:right;
}

.t_section5_red{
	position:absolute;
	margin-left:3px;
	margin-top:3px;
	width:7px;
	height:7px;
	border: 1px solid black;
	background-color:red;
}

.t_section1_black{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid black;
	margin-top:8px;
}

.t_section2_black{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid black;
}

.t_section3_black{
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid black;
}

.t_section4_black{
	position:relative;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:6px solid black; 
	float:right;
}

.t_section5_black{
	position:absolute;
	margin-left:3px;
	margin-top:3px;
	width:7px;
	height:7px;
	border: 1px solid black;
	background-color:black;
}

.t_section1_blue{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid blue;
	margin-top:8px;
}

.t_section2_blue{
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid blue;
}

.t_section3_blue{
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid blue;
}

.t_section4_blue{
	position:relative;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:6px solid blue; 
	float:right;
}

.t_section5_blue{
	position:absolute;
	margin-left:3px;
	margin-top:3px;
	width:7px;
	height:7px;
	border: 1px solid black;
	background-color:blue;
}

.diag1{
	position:absolute;
	width:0;
	height:125%;
	border: 1px solid black;	
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	margin-left:43%;
	margin-top:-3px;
}

.diag2{
	position:absolute;
	width:0;
	height:125%;
	border: 1px solid black;	
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	margin-left:43%;
	margin-top:-3px;
}

.shift_m{
	width: 40px !important;
	float: right !important;
	height: 16px !important;
	
}

.shift_rotate{
	float:right !important;
	height:15px !important;
}

#shift_millimetters{
	position: relative !important;
	float: left !important;
	width: 163px !important;
	height: 52px !important;
	border: 1px solid black !important;
	font-size: 15px;
}

#rotate_tip_degrees{
	position:relative !important;
	float:right !important;
	width:140px !important;
	height:50px !important;
	border: 1px solid black !important;
}

.teeth_movement{
	position:relaive;
}

.odontograma_btn{
	width:120px !important;
	height:15px !important;
	font-size:10x !important;
	
	background-color:blue !important;
	padding:0px !important;
	margin:0px !important;
}

.odontograma_pm_btn{
	width:25px !important;
	height:15px !important;
	font-size:10x !important;
	
	background-color:blue !important;
	padding:0px !important;
	margin:0px !important;
}

.t_btn{
	width:18px !important;
	height:18px !important;
	padding:0px !important;
	margin:0px !important;
}